<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div id="app">

        <!--操作属性-->
        <a v-bind:href="link">gogogo</a>

        <span v-bind:class="{active:isActive,'text-danger':hasError}"
         v-bind:style="{color: color1,fontSize: size}">你好</span>

         <a :href="link">gogogo</a>

    </div>

</body>

<script src="../node_modules/vue/dist/vue.js"></script>

    <script>
        let vm =  new Vue({
            el: "#app",
            data: {
                link:"http://www.baidu.com",
                isActive:true,
                hasError:true,
                color1:"red",
                size:"90px"

            }
        });

        
        
    </script>
</html>